<!--
 * @Author: zhoupei
 * @LastEditTime: 2023-06-16 19:55:29
 * @Description: Title
-->
<template>
    <div>
        <el-row class="title">
            <el-col :span="1">
                <img style="height: 70%; width: 70%; margin-left: 51px; margin-top: 10px" src="/src/assets/panda.png" />
            </el-col>
            <el-col :span="20" style="height: 30%; margin: 22px; font-size: 20px">熊猫助手</el-col>
            <el-col :span="1">
                <div style="
          height: 30%;
          margin-top: 25px;
          font-size: 15px;
        ">
                    <!-- <el-button type="warning" round><el-icon color="rgb(235, 141, 18)">
                            <ShoppingCart />
                        </el-icon>购买</el-button> -->
                </div>
            </el-col>
            <!-- <el-col :span="1">
                <div style="height: 30%; margin-left: 0px; margin-top: 25px; font-size: 15px">
                    <el-button type="primary" round @click="loginClick">
                        <el-icon color="rgb(87, 140, 236)">
                            <UserFilled />
                        </el-icon>登录
                    </el-button>
                </div>
            </el-col> -->
        </el-row>
    </div>
</template>

<script setup lang='ts'>
import { useRouter } from 'vue-router';
// 路由
const router = useRouter();
// 登录
const loginClick = () => {
    router.push('/login')
};

</script>

<style scoped></style>